<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="vie../wport" content="../width=device-../width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap-treevie../w.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap.addtabs.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap-table.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootbox.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/fileinput.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/zh.js"></script>
    <link rel="stylesheet" href="../js/bootstrap/css/fileinput.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap-treevie../w.min.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap.addtabs.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap-table.min.css" />
    <link rel="stylesheet" href="js\bootstrap\js\bootstrap-datetimepicker-master\js\bootstrap-datetimepicker.min.js" />
    <link rel="stylesheet"
          href="js\bootstrap\js\bootstrap-datetimepicker-master\css\bootstrap-datetimepicker.min.css" />

    <!-- bootstrap样式表 -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- 时间选择器样式表 -->
    <link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"
          rel="stylesheet">


    <!-- jquery -->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

    <!-- bootstrap脚本 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <!-- 时间选择器前置脚本 -->
    <script src="https://cdn.bootcss.com/moment.js/2.22.1/moment-../with-locales.min.js"></script>

    <!-- 时间选择器核心脚本 -->
    <script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>



    <style>
        a:hover{text-decoration:none}
        * {
            margin: 0;
            padding: 0;
        }

        html.body {
            height: 90%;
            width: 90%;
        }

        .bigBox {
            height: 1200px;
            width: 100%;
            background-color: white;
            float: left;
        }

        .table>tbody>tr>td {
            border: 0px;
        }

        /* .inbox {
            width: 84%;
            height: 1150px;
            background-color: ../white;
            float: left;
            margin-left: 8%;
            margin-top: 30px;
        } */

        .tableBox {
            float: left;
            width: 94%;
            margin-left: 3%;
            height: 500px;
            margin-top: 20px;
        }

        .boxFrom {
            width: 90%;
            height: 200px;
            float: left;
            margin-left: 5%;
        }

        .page {
            margin-left: 300px;
            float: left;
        }
    </style>
</head>

<body>
<div class="bigBox">
    <div class="inbox">
        <div class="boxFrom">
            <label for="stuName" style="size: 55px;">
                <h3>服务纪录</h3>
            </label>
            <form class="form-inline">

                <div class="col-md-12">
                    <br>
                    &nbsp;&nbsp;
                    <label for="stuName">服务状态</label>
                    <select name="1" class="form-control" data-live-search="true" style="width:200px ;">
                        <option value="-1">请选择</option>
                        <option value="高中">高中</option>
                        <option value="大专">大专</option>
                        <option value="本科">本科</option>
                        <option value="研究生">研究生</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <label for="stuName">服务机构</label>
                    <select name="2" class="form-control" data-live-search="true" style="width:200px ;">
                        <option value="-1">请选择</option>
                        <option value="高中">高中</option>
                        <option value="大专">大专</option>
                        <option value="本科">本科</option>
                        <option value="研究生">研究生</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <label for="stuName">医生团队</label>
                    <select name="3" class="form-control" data-live-search="true" style="width:200px ;">
                        <option value="-1">请选择</option>
                        <option value="高中">高中</option>
                        <option value="大专">大专</option>
                        <option value="本科">本科</option>
                        <option value="研究生">研究生</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button class="btn btn-default btn-lg">导出</button>
                    <br>
                    <br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <label for="stuName">服务包</label>
                    <select name="3" class="form-control" data-live-search="true" style="width:200px ;">
                        <option value="-1">请选择</option>
                        <option value="高中">高中</option>
                        <option value="大专">大专</option>
                        <option value="本科">本科</option>
                        <option value="研究生">研究生</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <label>服务日期：</label>
                    <!--指定 date标记-->
                    <div class='input-group date' id='datetimepicker1'>
                        <div style="border: black;">
                            <input type='text' class="form-control" style="border: 0px;width: 110px;" />
                            <input type='text' class="form-control" style="border: 0px;width: 110px;" />
                        </div>
                        <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                    </div>
                </div>
            </form>
        </div>
        <div class="tableBox">
            <table class="table table-striped table-hover" style="border: none;">
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td scope="col">编号</td>
                    <td scope="col">姓名</td>
                    <td scope="col">身份证号</td>
                    <td scope="col">手机号</td>
                    <td scope="col">服务包</td>
                    <td scope="col">服务项目</td>
                    <td scope="col">服务医生</td>
                    <td scope="col">服务状态</td>
                    <td scope="col">申请时间</td>
                    <td scope="col">操作</td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>已完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../w">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>未完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../y">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>已完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../w">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>未完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../y">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>已完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../w">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>未完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../y">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>已完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../w">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>未完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../y">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>已完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../w">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>未完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../y">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>已完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../w">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>未完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../y">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>已完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../w">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>未完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../y">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>已完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../w">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>未完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../y">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>已完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../w">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>未完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../y">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>已完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../w">查看详情</a>
                    </td>
                </tr>
                <tr align="center">
                    <td><input type="checkbox"></td>
                    <td>2021340001</td>
                    <td>王安然</td>
                    <td>371456198908090543</td>
                    <td>188641368888</td>
                    <td>老年人服务包</td>
                    <td>高血压随访</td>
                    <td>王小敏</td>
                    <td>未完成</td>
                    <td>2020/10/9 10:09:09</td>
                    <td>
                        <a href="../y">查看详情</a>
                    </td>
                </tr>
            </table>

            <div class="page">
                共<span id="totalNumber" style="color: dodgerblue">200</span>条
                当前第<span id="currentPage" style="color: black">1</span>/<span id="totalPage"
                                                                              style="color: black">10</span>页

                <button id="Previous" class="btn btn-default">
                    << /button>
                    <button id="1" class="btn btn-default">1</button>
                    <button id="2" class="btn btn-default">2</button>
                    <button id="3" class="btn btn-default">3</button>
                    <button id="4" class="btn btn-default">4</button>
                    <button id="4" class="btn btn-default">...</button>
                    <button id="4" class="btn btn-default">10</button>
                    <button id="Next" class="btn btn-default">></button>
                    前往<input id="pageNumber" type="text" style="width: 78px">页
                    <button id="goPage" type="button" class="btn btn-primary">GO</button>
            </div>
        </div>
        <div class="col-lg-3"></div>
    </div>
</div>
</div>
</body>




<script>
    $(function () {
        $('#datetimepicker1').datetimepicker({
            format: 'YYYY-MM-DD',
            locale: moment.locale('zh-cn')
        });
        $('#datetimepicker2').datetimepicker({
            format: 'YYYY-MM-DD',
            locale: moment.locale('zh-cn')
        });
    });
    $(function () {
        $(".buttonA").click(function () {
            location.href="已完成.html"
        });

    });



</script>




</html>